/* =========================================================
   DESKTOP OVERRIDES
   
========================================================= */

  .hero-service-card{
    right: 80PX;
    /* انتقال به سمت راست برج */
    margin-right: 0;
    margin-left: 10px;  /* فاصله از برج (۱۰px) */
  }
 

  .hero-logo img{
    width: 80.00006103515625px;
    height: 16.1419734954834px;
    opacity: 1;
    left: 24px;
  }

  .Header-Line{
    width: 145.00001560745773;
    opacity: 1;
    top: 41.99px;
    left: 10px;
    border-width: 1px;
    margin-left: 60px;
  }

  .hero-btn-start{
    width: 134px;
    height: 48px;
    opacity: 1;
    top: 264px;
    left: 24px;
    border-radius: 20px;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    gap: 8px;
    /*text*/
    font-family: Avenir;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
  }

  .hero-kicker{
    font-family: Avenir;
    font-weight: 400;
    font-style: Roman;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 100%;
    letter-spacing: 0px;
  }

  .hero-title{
    font-family: Avenir;
    font-weight: 900;
    font-style: Black;
    font-size: 36px !important;
    line-height: 100%;
    letter-spacing: 0px;
  }

  .hero-subtitle{ 
    max-width: 320px;
    font-family: Avenir;
    font-weight: 400;
    font-style: Roman;
    font-size: 18px;
    line-height:  2rem !important;
    letter-spacing:0px;
  }
  .hero-services-list{
  top: var(--services-top);
  right: var(--services-right);
  gap: 7px;
}
/*------------------------------------- Start Default value-------------------------------------------------*/
.hero-service-icon:nth-child(1){ --icon-x: var(--icon1-x); }
.hero-service-icon:nth-child(2){ --icon-x: var(--icon2-x); }
.hero-service-icon:nth-child(3){ --icon-x: var(--icon3-x); }
.hero-service-icon:nth-child(4){ --icon-x: var(--icon4-x); }
.hero-service-icon:nth-child(5){ --icon-x: var(--icon5-x); }
.hero-service-icon:nth-child(6){ --icon-x: var(--icon6-x); }
.hero-service-icon:nth-child(7){ --icon-x: var(--icon7-x); }

:root{
     /* hero services positioning */
    --services-top: 250px;
    --services-right: 273px;

    /* icon horizontal offsets */
    --icon1-x: 45px;
    --icon2-x: 28px;
    --icon3-x:18px;
    --icon4-x: 5px;
    --icon5-x: -5px;
    --icon6-x: -10px;
    --icon7-x: -15px;
  } 
.hero {
  background-image: url("../../img/DesktopStandard1200–1399.webp");
    background-position: top center;
    min-height: 750px;
  }
 /* =========================================================
   MOBILE OVERRIDES
   این فایل فقط برای همین بازه‌های دیوایس لود میشه.
   نکته: بلوک‌های کامنت‌شده رو بعد از تست، از کامنت دربیار.
========================================================= */
 
 
  .hero-services-list{
  top: var(--services-top);
  right: var(--services-right);
  gap: 7px;
}
.hero-nav-pill .nav-link {

  color: black !important;
}
/*------------------------------------- Start Default value-------------------------------------------------*/
.hero-service-icon:nth-child(1){ --icon-x: var(--icon1-x); }
.hero-service-icon:nth-child(2){ --icon-x: var(--icon2-x); }
.hero-service-icon:nth-child(3){ --icon-x: var(--icon3-x); }
.hero-service-icon:nth-child(4){ --icon-x: var(--icon4-x); }
.hero-service-icon:nth-child(5){ --icon-x: var(--icon5-x); }
.hero-service-icon:nth-child(6){ --icon-x: var(--icon6-x); }
.hero-service-icon:nth-child(7){ --icon-x: var(--icon7-x); }

:root{
     /* hero services positioning */
    --services-top: 270px;
    --services-right: 238px;

    /* icon horizontal offsets */
    --icon1-x: 45px;
    --icon2-x: 28px;
    --icon3-x:18px;
    --icon4-x: 5px;
    --icon5-x: -5px;
    --icon6-x: -10px;
    --icon7-x: -15px;
  }
     .hero-header{margin-bottom: 10px !important;}
  
 
   .cu-title{
    font-size: 28px !important;
    margin-bottom: 30px;
    font-weight: 500 !important;
  }
      .cu-label, .cu-value {
        font-size: 16px;
        line-height: 1.35;
    }
  /*------------------------------------- End Default value-------------------------------------------------*/
  
  /*=================================End Base =========================================*/

/*=================== START: Desktop Standard | 1200–1399 ===================*/
/* Devices: Desktop استاندارد (1366)، لپ‌تاپ‌های بزرگ، نمایشگرهای رایج */

/*=================== START: Desktop Standard Step | 1200–1204 ===================*/
@media (min-width: 1200px) and (max-width: 1204.98px){
  :root{ --services-top: 222px; --services-right: 420px; }
}
/*=================== END: Desktop Standard Step | 1200–1204 ===================*/

/*=================== START: Desktop Standard Step | 1205–1209 ===================*/
@media (min-width: 1205px) and (max-width: 1209.98px){
  :root{ --services-top: 222px; --services-right: 403px; }
}
/*=================== END: Desktop Standard Step | 1205–1209 ===================*/
 /*=================== START: Desktop Standard Step | 1210–1214 ===================*/
@media (min-width: 1210px) and (max-width: 1214.98px){
  :root{ --services-top: 222px; --services-right: 408px; }
}
/*=================== END: Desktop Standard Step | 1210–1214 ===================*/

/*=================== START: Desktop Standard Step | 1215–1219 ===================*/
@media (min-width: 1215px) and (max-width: 1219.98px){
  :root{ --services-top: 222px; --services-right: 408px; }
}
/*=================== END: Desktop Standard Step | 1215–1219 ===================*/

/*=================== START: Desktop Standard Step | 1220–1224 ===================*/
@media (min-width: 1220px) and (max-width: 1224.98px){
  :root{ --services-top: 222px; --services-right: 405px; }
}
/*=================== END: Desktop Standard Step | 1220–1224 ===================*/

/*=================== START: Desktop Standard Step | 1225–1229 ===================*/
@media (min-width: 1225px) and (max-width: 1229.98px){
  :root{ --services-top: 222px; --services-right: 406px; }
}
/*=================== END: Desktop Standard Step | 1225–1229 ===================*/

/*=================== START: Desktop Standard Step | 1230–1234 ===================*/
@media (min-width: 1230px) and (max-width: 1234.98px){
  :root{ --services-top: 222px; --services-right: 405px; }
}
/*=================== END: Desktop Standard Step | 1230–1234 ===================*/

/*=================== START: Desktop Standard Step | 1235–1239 ===================*/
@media (min-width: 1235px) and (max-width: 1239.98px){
  :root{ --services-top: 222px; --services-right: 406px; }
}
/*=================== END: Desktop Standard Step | 1235–1239 ===================*/

/*=================== START: Desktop Standard Step | 1240–1244 ===================*/
@media (min-width: 1240px) and (max-width: 1244.98px){
  :root{ --services-top: 222px; --services-right: 403px; }
}
/*=================== END: Desktop Standard Step | 1240–1244 ===================*/

/*=================== START: Desktop Standard Step | 1245–1249 ===================*/
@media (min-width: 1245px) and (max-width: 1249.98px){
  :root{ --services-top: 222px; --services-right: 403px; }
}
/*=================== END: Desktop Standard Step | 1245–1249 ===================*/

/*=================== START: Desktop Standard Step | 1250–1254 ===================*/
@media (min-width: 1250px) and (max-width: 1254.98px){
  :root{ --services-top: 222px; --services-right: 400px; }
}
/*=================== END: Desktop Standard Step | 1250–1254 ===================*/

/*=================== START: Desktop Standard Step | 1255–1259 ===================*/
@media (min-width: 1255px) and (max-width: 1259.98px){
  :root{ --services-top: 222px; --services-right: 399px; }
}
/*=================== END: Desktop Standard Step | 1255–1259 ===================*/

/*=================== START: Desktop Standard Step | 1260–1264 ===================*/
@media (min-width: 1260px) and (max-width: 1264.98px){
  :root{ --services-top: 222px; --services-right: 403px; }
}
/*=================== END: Desktop Standard Step | 1260–1264 ===================*/

/*=================== START: Desktop Standard Step | 1265–1269 ===================*/
@media (min-width: 1265px) and (max-width: 1269.98px){
  :root{ --services-top: 222px; --services-right:398px; }
}
/*=================== END: Desktop Standard Step | 1265–1269 ===================*/

/*=================== START: Desktop Standard Step | 1270–1274 ===================*/
@media (min-width: 1270px) and (max-width: 1274.98px){
  :root{ --services-top: 222px; --services-right: 399px; }
}
/*=================== END: Desktop Standard Step | 1270–1274 ===================*/

/*=================== START: Desktop Standard Step | 1275–1279 ===================*/
@media (min-width: 1275px) and (max-width: 1279.98px){
  :root{ --services-top: 222px; --services-right: 398px; }
}
/*=================== END: Desktop Standard Step | 1275–1279 ===================*/

/*=================== START: Desktop Standard Step | 1280–1284 ===================*/
@media (min-width: 1280px) and (max-width: 1284.98px){
  :root{ --services-top: 222px; --services-right: 400px; }
}
/*=================== END: Desktop Standard Step | 1280–1284 ===================*/

/*=================== START: Desktop Standard Step | 1285–1289 ===================*/
@media (min-width: 1285px) and (max-width: 1289.98px){
  :root{ --services-top: 222px; --services-right: 400px; }
}
/*=================== END: Desktop Standard Step | 1285–1289 ===================*/

/*=================== START: Desktop Standard Step | 1290–1294 ===================*/
@media (min-width: 1290px) and (max-width: 1294.98px){
  :root{ --services-top: 222px; --services-right: 395px; }
}
/*=================== END: Desktop Standard Step | 1290–1294 ===================*/

/*=================== START: Desktop Standard Step | 1295–1299 ===================*/
@media (min-width: 1295px) and (max-width: 1299.98px){
  :root{ --services-top: 222px; --services-right: 393px; }
}
/*=================== END: Desktop Standard Step | 1295–1299 ===================*/

/*=================== START: Desktop Standard Step | 1300–1304 ===================*/
@media (min-width: 1300px) and (max-width: 1304.98px){
  :root{ --services-top: 222px; --services-right: 395px; }
}
/*=================== END: Desktop Standard Step | 1300–1304 ===================*/

/*=================== START: Desktop Standard Step | 1305–1309 ===================*/
@media (min-width: 1305px) and (max-width: 1309.98px){
  :root{ --services-top: 222px; --services-right: 390px; }
}
/*=================== END: Desktop Standard Step | 1305–1309 ===================*/

/*=================== START: Desktop Standard Step | 1310–1314 ===================*/
@media (min-width: 1310px) and (max-width: 1314.98px){
  :root{ --services-top: 230px; --services-right: 393px; }
}
/*=================== END: Desktop Standard Step | 1310–1314 ===================*/
 
/*=================== START: Desktop Standard Step | 1315–1319 ===================*/
@media (min-width: 1315px) and (max-width: 1319.98px){
  :root{ --services-top: 240px; --services-right: 394px; }
}
/*=================== END: Desktop Standard Step | 1315–1319 ===================*/

/*=================== START: Desktop Standard Step | 1320–1324 ===================*/
@media (min-width: 1320px) and (max-width: 1324.98px){
  :root{ --services-top: 240px; --services-right: 389px; }
}
/*=================== END: Desktop Standard Step | 1320–1324 ===================*/

/*=================== START: Desktop Standard Step | 1325–1329 ===================*/
@media (min-width: 1325px) and (max-width: 1329.98px){
  :root{ --services-top: 240px; --services-right: 394px; }
}
/*=================== END: Desktop Standard Step | 1325–1329 ===================*/

/*=================== START: Desktop Standard Step | 1330–1334 ===================*/
@media (min-width: 1330px) and (max-width: 1334.98px){
  :root{ --services-top: 240px; --services-right: 389px; }
}
/*=================== END: Desktop Standard Step | 1330–1334 ===================*/

/*=================== START: Desktop Standard Step | 1335–1339 ===================*/
@media (min-width: 1335px) and (max-width: 1339.98px){
  :root{ --services-top: 240px; --services-right: 387px; }
}
/*=================== END: Desktop Standard Step | 1335–1339 ===================*/

/*=================== START: Desktop Standard Step | 1340–1344 ===================*/
@media (min-width: 1340px) and (max-width: 1344.98px){
  :root{ --services-top: 240px; --services-right: 388px; }
}
/*=================== END: Desktop Standard Step | 1340–1344 ===================*/

/*=================== START: Desktop Standard Step | 1345–1349 ===================*/
@media (min-width: 1345px) and (max-width: 1349.98px){
  :root{ --services-top: 240px; --services-right: 386px; }
}
/*=================== END: Desktop Standard Step | 1345–1349 ===================*/

/*=================== START: Desktop Standard Step | 1350–1354 ===================*/
@media (min-width: 1350px) and (max-width: 1354.98px){
  :root{ --services-top: 240px; --services-right: 390px; }
}
/*=================== END: Desktop Standard Step | 1350–1354 ===================*/

/*=================== START: Desktop Standard Step | 1355–1359 ===================*/
@media (min-width: 1355px) and (max-width: 1359.98px){
  :root{ --services-top: 240px; --services-right: 390px; }
}
/*=================== END: Desktop Standard Step | 1355–1359 ===================*/

/*=================== START: Desktop Standard Step | 1360–1364 ===================*/
@media (min-width: 1360px) and (max-width: 1364.98px){
  :root{ --services-top: 240px; --services-right: 385px; }
}
/*=================== END: Desktop Standard Step | 1360–1364 ===================*/

/*=================== START: Desktop Standard Step | 1365–1369 ===================*/
@media (min-width: 1365px) and (max-width: 1369.98px){
  :root{ --services-top: 240px; --services-right: 389px; }
}
/*=================== END: Desktop Standard Step | 1365–1369 ===================*/

/*=================== START: Desktop Standard Step | 1370–1374 ===================*/
@media (min-width: 1370px) and (max-width: 1374.98px){
  :root{ --services-top: 240px; --services-right: 385px; }
}
/*=================== END: Desktop Standard Step | 1370–1374 ===================*/

/*=================== START: Desktop Standard Step | 1375–1379 ===================*/
@media (min-width: 1375px) and (max-width: 1379.98px){
  :root{ --services-top: 240px; --services-right: 387px; }
}
/*=================== END: Desktop Standard Step | 1375–1379 ===================*/

/*=================== START: Desktop Standard Step | 1380–1384 ===================*/
@media (min-width: 1380px) and (max-width: 1384.98px){
  :root{ --services-top: 240px; --services-right: 380px; }
}
/*=================== END: Desktop Standard Step | 1380–1384 ===================*/

/*=================== START: Desktop Standard Step | 1385–1389 ===================*/
@media (min-width: 1385px) and (max-width: 1389.98px){
  :root{ --services-top: 240px; --services-right:380px; }
}
/*=================== END: Desktop Standard Step | 1385–1389 ===================*/

/*=================== START: Desktop Standard Step | 1390–1394 ===================*/
@media (min-width: 1390px) and (max-width: 1394.98px){
  :root{ --services-top: 240px; --services-right: 378px; }
}
/*=================== END: Desktop Standard Step | 1390–1394 ===================*/

/*=================== START: Desktop Standard Step | 1395–1399 ===================*/
@media (min-width: 1395px) and (max-width: 1399.98px){
  :root{ --services-top: 240px; --services-right: 372px; }
}
/*=================== END: Desktop Standard Step | 1395–1399 ===================*/

/*=================== END: Desktop Standard | 1200–1399 ===================*/